:root{
	--primary: #E83F05;
	--secondary: #ff9e06;
	--griditem-minwidth: 45ch;
	--btn-primary-bg: #7bbde5;
	--btn-secondary-bg: #F9b233;
	--block-filter-bg: #00A4Ba;
}


.tabs{}
.tabs__nav{margin-block: 0.5em;
	button{font-size: 1.25em;
		i.fa{margin-right: 0.25em; margin-left: -0.25em;}
	}
}
.tabs__content{
	display: grid;
	grid-template-columns: 100%;
	overflow: hidden;
}
.tab{
	grid-column: 1;
	grid-row: 1;
	&:not(.active){display: none;}
	&.map:not(.active){display: block;visibility: hidden; pointer-events: none; height: 0;}
}

.btn{
	webkit-appearance: none;
	padding: 0.5em 1em;
	background: var(--btn-primary-bg);
	color: #fff;
	cursor: pointer;
	transition: background 0.4s;
	&:focus-visible,
	&.active,
	&:hover{
		border: 0;
		background: Hsl(from var(--btn-primary-bg) h s calc(l - 20));
		&:is(button:not([type="submit"])){border: 0;}
	}
}

.fiche_structure{margin-top: 0;
	/*+.fiche_structure{margin-top: 1em;}*/
	.content-structure{position: relative; padding: 1em;}
	.content-inside{padding: 1em 2em 2em;}
	.content-adresse{margin:1em 0; 
		.column{ background: none;}
		--griditem-minwidth:35ch;
		a{font-size: 1rem; color: #000;
			&:hover{color: var(--primary);}
		}
	}
	.column{position: relative;}
	.bigButtonsContainer{position: absolute; top: 0; right: -1em; display: flex; flex-direction: row-reverse; gap: 1em;
		.button{
			opacity: 0.6; 
			transition: opacity 0.4s; 
			cursor:pointer; 
			background: var(--btn-secondary-bg); 
			font-size: 1.35em; 
			color: white; 
			padding: 0.65em; 
			aspect-ratio: 1; 
			align-items: center; 
			justify-content: center; 
			display: flex ; 
			border-radius: 100%; 
			justify-content: center; 
			width: fit-content; 
			margin: auto;
			i.fa{margin: 0;}
			&:hover{opacity: 1;}
			+span{
				margin-top: 0.25em;
		    display: inline-block;
		    font-size: 0.75em;
		    color: var(--btn-secondary-bg);
		    letter-spacing: -0.5px;
		    line-height: 1;
	  	}
		}
	}
	.type{
		&.cabinet{background: var(--block-filter-bg); 
			h2{color: white;}
		}
	}
	.showOnMap{}
	.google_url{}
	@media screen and (max-width: 520px) {
		.bigButtonsContainer{right: -1.5em; top:-0.5em;
			.button{ font-size: 1em;
				+span{display: none;}
			}
		}
	}


	.line{padding-block: 1em}

	.domaines_dactivite__wrapper{
		--griditem-minwidth:35ch;
		ul{padding-left: 1em; list-style: disc;
			ul{list-style: square;}
		}
		li{font-size: 1em;}
		>div{background: #f1f1f1; padding: 20px; border-radius: 20px;}
	}
}



.d-grid{display: grid; gap: 1em; 
	&:not([class*=cols-]):not([class*=d_]){grid-template-columns: 1fr; }
	>*:not([class*=m-bottom]){margin-bottom: 0;}
	>div:empty{display: none;}
}
.d-grid.flow{grid-auto-flow: dense;}
.d-grid.auto-rows{grid-auto-rows: 1fr;}
.d-grid.cols-autofit{
  grid-template-columns: Repeat(auto-fit, minmax(var(--griditem-minwidth), 1fr));
  @media (max-width: 45ch) {
    grid-template-columns: Repeat(auto-fit, minmax(100%, 1fr));
  }
}
.d-grid.cols-autofill{
  grid-template-columns: Repeat(auto-fill, minmax(var(--griditem-minwidth), 1fr));
}
.d-grid.cols-autofit,
.d-grid.cols-autofill{
  >*{min-width: var(--griditem-minwidth); }
}
.cols-span-all{grid-column: 1/-1;}
.cols-end-end{grid-column-end: -1;}

.m-top{margin-top: 1em;}
.m-bottom{margin-bottom: 1em;}
.m-left{margin-left: 1em;}
.m-right{margin-right: 1em;}
.m-x{margin-inline: 1em;}
.m-y{margin-block:1em;}

.p-top{padding-top: 1em;}
.p-bottom{padding-bottom: 1em;}
.p-left{padding-left: 1em;}
.p-right{padding-right: 1em;}
.p-x{padding-inline: 1em;}
.p-y{padding-block:1em;}




.mod_customcataloglist{
	img.leaflet-marker-icon{-o-object-fit: contain;object-fit: contain;}
	.leaflet-marker-pane.has-selected .leaflet-marker-icon:not(.marker-cluster){opacity: 0.5 !important;}
	.leaflet-marker-pane.has-selected .leaflet-marker-icon.selected{opacity: 1 !important;}

	.leaflet-control-container a[role=button]:hover{text-decoration: none;}
	.leaflet-container{font-family: inherit;}

	.leaflet-container a{font-size:inherit; color: var(--primary);
		&:not(.leaflet-popup-close-button){
			&:hover{text-decoration: underline;}
		}
	}
	.leaflet-touch .leaflet-control-attribution{opacity: 0.2;}

	.map__popup{display: grid; grid-template-columns: 1fr; gap: 1em;}
	.map__popup__picture{margin-top: 0.5em;}
	.map__popup__title{font-size: 1.5em; color: var(--primary); font-weight: bold;}
	.map__popup__infos{}
	.map__popup__infos__line{ display: flex; align-items: start; margin-top: 0.45em; gap: 0.35em;}
	.map__popup__infos__line i.fa,
	.map__popup__infos__line svg{ min-width: 1.4em; font-size: 1.2em; line-height: 1.1; margin-right: 0.25em; text-align: center; opacity: 0.4; }
	.map__popup__actions{ text-align: center;
		.back-btn{cursor: pointer;}
	}
}

.mod_customcatalogfilter.cc_emploi.no_submits{
	background: var(--block-filter-bg);
}

.pie {
  border-radius: 100%;
  overflow: hidden;
  position: relative;
  width: calc(var(--size, 200) * 1px);
  aspect-ratio: 1;
  rotate: 0.25turn;
  max-width: 100%;
  margin: auto;
}
.pie__segment {
  --a: calc(var(--over50, 0) * -100%);
  --b: calc((1 + var(--over50, 0)) * 100%);
  --degrees: calc((var(--offset, 0) / 100) * 360);
  -webkit-clip-path: polygon(var(--a) var(--a), var(--b) var(--a), var(--b) var(--b), var(--a) var(--b));
  clip-path: polygon(var(--a) var(--a), var(--b) var(--a), var(--b) var(--b), var(--a) var(--b));
  height: 100%;
  position: absolute;
  transform: translate(0, -50%) rotate(90deg) rotate(calc(var(--degrees) * 1deg));
  transform-origin: 50% 100%;
  width: 100%;
  z-index: calc(1 + var(--over50));

  display: flex ;
  align-items: flex-end;
  justify-content: flex-start;
  >span{z-index: 1; margin-left: 8px; margin-bottom: 5px; line-height: 1; font-size: 14px; font-size: clamp(10px, calc(0.1em * var(--value)), calc(var(--size) * 0.046px)); color: white;}
  &:hover{
/*  	>span{color: green}*/
  }
  &.flip-text{
  	>span{rotate: 0.5turn;}
  }
  &.hidden{display: none;}

  &:only-child{
  	&:before{margin-bottom: 2px;}
  }
}
.pie__segment:after,
.pie__segment:before {
  background: var(--bg, #e74c3c);
  content: '';
  height: 100%;
  position: absolute;
  width: 100%;
}
.pie__segment:before {
  --degrees: calc((var(--value, 45) / 100) * 360);
  transform: translate(0, 100%) rotate(calc(var(--degrees) * 1deg));
  transform-origin: 50% 0%;
}
.pie__segment:after {
  opacity: var(--over50, 0);
}

.select2-container{max-width: 100%; width: 100% !important;}
.select2-container--default .select2-selection--multiple{
	border: 0px;
	min-height: 45px !important;
	line-height: 1.5em;
	display: flex;
	align-items: center;
}

.select2-container--default.select2-container--focus .select2-selection--multiple{
	border: 0;
}

.select2-container .select2-search--inline .select2-search__field{
	margin-left: 13px;
}


@media screen and (max-width: 1500px) {
  .page-annuaire .mod_article:not(.fullwidth)>.container {
      padding-left: 20px;
      padding-right: 20px;
  }
}



@media screen and (max-width: 380px) {
	.fiche_structure .content-adresse,
	.fiche_structure .domaines_dactivite__wrapper,
	:root{--griditem-minwidth: 100%;}
}